<template>
  <div class="">
    爷爷
    <hr />
    <Parent />
  </div>
</template>

<script setup>
import { ref, provide } from 'vue'
import Parent from './12-Parent.vue'
const money = ref(3000000000)

const getValue = val => {
  console.log('---grandpa---', val)
}

/**
 * 参数1：名字
 * 参数2：值，可以使任何类型（函数也是一种数据类型，它是引用数据类型）
 * 注意：函数也可以作为参数进行传递
 */
provide('money', money)
provide('getValue', getValue)
</script>

<style scoped></style>
